<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>经营报表</title>
		<link rel="stylesheet" href="dist/css/layui.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/shouy.css" />
	</head>
	<style>
		.top_choice p {
			float: left;
			width: 50%;
			font-size: 16px;
			text-align: center;
			line-height: 35px;
		}
		
		.top_choice {
			border: 1px solid #2bb6f6;
			width: 200px;
			height: 35px;
			margin-left: 2%;
			border-radius: 5px;
		}
		
		.active {
			background: #2bb6f6;
		}
		
		.active a {
			color: #FFFFFF
		}
		
		.xzselect select {
			width: 120px;
			height: 35px;
			font-size: 15px;
			color: #928c8c;
			border: 1px solid #e6e6e6;
			background-color: #FFFFFF;
		}
		
		.sy_xftop {
			padding: 6px 0px;
		}
		
		.bx_btn {
			float: right;
			padding-right: 1rem;
			line-height: 35px;
		}
		
		.tk_bt {
			line-height: 35px;
		}
		
		.tk_bt textarea {
			margin-left: 27px;
			margin-top: 8px;
		}
		.sk_pay li{width:25%}
		.jjbbp_conbox {
			height: 73%;
			width:92.5%;
			margin-left: 20px;
		}
		.jjbbp_bt{color:#2bb6f6}
	</style>

	<body>
		<div class="wrap">
			<div class="sy_header clearfix">
				<div class="sy_hleft">
					<ul class="sy_nav clearfix">
						<li>
							<a href="index.html">
								<div class="iconfont icon-shouyintai"></div>
								<p>工作台</p>
							</a>
						</li>
						<li class="active">
							<a href="orders.html">
								<div class="iconfont icon-saomashouyin"></div>
								<p>订单流水</p>
							</a>
						</li>
						<li>
							<a href="yd.html">
								<div class="iconfont icon-shangpinshouyin"></div>
								<p>预定管理</p>
							</a>
						</li>
						<li>
							<a href="jiaoban.html">
								<div class="iconfont icon-shangpinshouyin"></div>
								<p>交班</p>
							</a>
						</li>
						<li>
							<a href="xiaof_member.html">
								<div class="iconfont icon-weibiaoti-"></div>
								<p>设置</p>
							</a>
						</li>
					</ul>

				</div>
				<div class="sy_hright">
					<div class="sy_shopbox">
						<div class="sy_simg"><img id="toux" src="" style="background-color: #FFFFFF;"></div>
						<div class="sy_sinfo">
							<p class="sy_snam">店名：<span id="sname"></span></p>
							<p>用户：<span id="user"></span></p>
							<p class="exit" onclick="exit()">退出登陆</p>
						</div>
					</div>
				</div>

			</div>
			<div class=" clearfix">
				<div class="sy_xftop">
					<div class='top_choice'>
						<p class="tab_d1">
							<a href="orders.html">账单明细</a>
						</p>
						<p class="tab_d1 active">
							<a href="sum_bill.html">账单汇总</a>
						</p>
					</div>
				</div>
			</div>

			<div class="jjbbp_conbox">
				<div class="jjbbp_item" style="margin-top:20px">
					<ul class="jjbbp_list clearfix">
						<li>
							<span class="bt">收营员名称：</span>
							<span class="nr" id='emp_name'> </span>
						</li>
						<li>
							<span class="bt">所属门店：</span>
							<span class="nr" id='store_name'> </span>
						</li>
						<li>
							<span class="bt">所属分组：</span>
							<span class="nr" id='group_name'></span>
						</li>
						<li style="width: 100%;">
							<span class="bt">统计时间：</span>
							<span class="nr" id='time_slot'></span>
						</li>
						<li>
							<span class="bt">订单总额/笔数：</span>
							<span class="nr" id='order'></span>
						</li>
						<li>
							<span class="bt">实收金额/笔数：</span>
							<span class="nr" id='sy'></span>
						</li>
						<li>
							<span class="bt">优惠金额：</span>
							<span class="nr" id='yh'></span>
						</li>
					</ul>
				</div>
				
				<div class="jjbbp_bt">各通道收款</div>
				<ul class="jjbbp_list clearfix sk_pay">
					<li>
						<span class="bt">支付宝：</span>
						<span class="nr" id='zfb_balance'> </span>
						<span>笔数：<em id='zfb_count'></em></span>
					</li>
					<li>
						<span class="bt">微信：</span>
						<span class="nr" id='wx_balance'></span>
						<span>笔数：<em id='wx_count'></em></span>
					</li>
				</ul>
				<ul class="jjbbp_list clearfix sk_pay">
					<li>
						<span class="bt">银联：</span>
						<span class="nr" id='yl_balance'></span>
						<span>笔数：<em id='yl_count'></em></span>
					</li>
					<li>
						<span class="bt">现金：</span>
						<span class="nr" id='xj_balance'></span>
						<span>笔数：<em id='xj_count'></em></span>
					</li>
				</ul>
				
				<div class="jjbbp_bt">会员</div>
				<ul class="jjbbp_list clearfix">
					<li>
						<span class="bt">会员充值：</span>
						<span class="nr" id='card_cz'></span>
						<span>笔数：<em id='count_cz'></em></span>
					</li>
					<li>
						<span class="bt">会员消费：</span>
						<span class="nr" id='card_xf'></span>
						<span>笔数：<em id='count_xf'></em></span>
					</li>
				</ul>
				
				<div class="jjbbp_bt">房券</div>
				<ul class="jjbbp_list clearfix">
					<li>
						<span class="bt">卡券赠送：</span>
						<span class="nr" id='fq_zs'></span>
						<span>笔数：<em id='zs_count'></em></span>
					</li>
					<li>
						<span class="bt">卡券核销：</span>
						<span class="nr" id='fq_hx'></span>
						<span>笔数：<em id='hx_count'></em></span>
					</li>
				</ul>
				
				<div class="jjbbp_bt">退款</div>
				<ul class="jjbbp_list clearfix">
					<li>
						<span class="bt">退款总金额：</span>
						<span class="nr" id='tk'></span>
						<span>笔数：<em id='count_tk'></em></span>
					</li>
				</ul>
				
				<div class="tk_bt">
					<!--<button type="button" id="tk_bun" class="sy_jybtn" >打印汇总</button>-->
				</div>
			</div>
			
		</div>
				
</html>
<script type="text/javascript" src="dist/jquery-1.11.0.min.js"></script>
<script src="dist/json2.js"></script>
<script src="dist/layui.all.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
	$(function(){
		var index = layer.load(1, {
			shade: [0.1, '#fff'] //0.1透明度的白色背景
		});
		$.ajax({
			type:'post',
			url: APP.api_url + "Index/jiaoban",
			data: {
				store_id: getValue("store_name_id"),
				id: getValue("id"),
				login_time:getValue('login_time')
			},
			success: function(data) {
				layer.close(index);
				console.log(data.emp);
				emp = data.emp;
				$('#emp_name').text(emp.name);//收银员名称
				$('#time_slot').text(emp.login_time+' ~ '+emp.now_time); //时间段
				$('#store_name').text(emp.store_name);  //门店名称
				$('#group_name').text(emp.group_name);//分组名称
				$('#order').text(emp.origin_price+'/'+emp.count_order);  //订单总额
				$('#sy').text(emp.balance+'/'+emp.count_order);  //实收金额
				$('#yh').text(emp.yh_money+'/'+emp.count_yh);  //优化金额
				$('#zfb_balance').text(emp.zfb.zfb_balance);  //支付宝
				$('#zfb_count').text(emp.zfb.zfb_count);  //支付宝笔数
				$('#xj_balance').text(emp.xj.xj_balance);  //现金金额
				$('#xj_count').text(emp.xj.xj_count);  //现金笔数
				$('#wx_balance').text(emp.wx.wx_balance);  //微信金额
				$('#wx_count').text(emp.wx.wx_count);  //微信笔数
				$('#yl_balance').text(emp.yl.yl_balance);  //银联金额
				$('#yl_count').text(emp.yl.yl_count);  //银联笔数
				$('#card_xf').text(emp.card_xf.card_xf);  //会员卡消费
				$('#count_xf').text(emp.card_xf.count_xf);  //会员卡消费笔数
				$('#card_cz').text(emp.card_cz.card_cz);  //会员卡充值
				$('#count_cz').text(emp.card_cz.count_cz);  //会员卡充值笔数
				$('#fq_zs').text(emp.fq_zs.zs_num);  //房券赠送
				$('#zs_count').text(emp.fq_zs.count_zs);  //房券赠送笔数
				$('#fq_hx').text(emp.fq_hx.hx_num);  //房券核销
				$('#hx_count').text(emp.fq_hx.count_hx);  //房券核销笔数
				$('#tk').text(emp.tk.tk);  //退款
				$('#count_tk').text(emp.tk.count_tk);  //退款
			}
		})
	});

</script>